<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的红包</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--禁止数字变成电话号吗-->
        <meta name="format-detection" content="telephone=no" />
	   	<link rel="stylesheet" type="text/css" href="../css/mgPublic.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/xiao.css"/>
	</head>
	<body class="z_bar-wirt">
		<header class="mui-bar mui-bar-nav head_bar">
		   <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">我的红包</h1>
		    <a href="rules_red_packets.html" class="mui-pull-right mui-btn-link">使用规则</a>
		</header>
		<div class="mui-content">
			<div class="z_hongbao_h z_mb10">
				<p>当前红包个数：</p>
				<p>
					<span class="mui-h4 z_color_red">50个</span>
				</p>
			</div>
			<!--红包使用明细-->
			<div class="z_hongbao_UseDetail">
				<div class="z_title">
					红包使用明细
				</div>
				<ul class="z_hongbao_UseDetail_list">
					<li>
						<div class="z_biaoshi_img">
							<!--标示-->
							<img src="../images/my/yuan.png" />
						</div>
						<p>
							<span class="z_time">2016-03-23</span>
							<span class="z_biaoshi z_biaoshi_greed">收入</span>
						</p>
						<p>您通过回答问卷抽奖获得一个红包</p>
					</li>
					<li>
						<div class="z_biaoshi_img">
							<!--标示-->
							<img src="../images/my/yuan.png" />
						</div>
						<p>
							<span class="z_time">2016-03-23</span>
							<span class="z_biaoshi z_biaoshi_greed">收入</span>
						</p>
						<p>您通过回答问卷抽奖获得一个红包</p>
					</li>
					<li>
						<div class="z_biaoshi_img">
							<!--标示-->
							<img src="../images/my/yuan.png" />
						</div>
						<p>
							<span class="z_time">2016-03-23</span>
							<span class="z_biaoshi z_biaoshi_red">支出</span>
						</p>
						<p>您通过回答问卷抽奖获得一个红包</p>
					</li>
				</ul>
			</div>
		</div>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script src="../js/mui.min.js"></script>
		<script>
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
           
	   </script>
	</body>
</html>
